<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>大话西游2周边商城</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script defer src="../js/01-index.js"></script>
    <script src="../js/03-item.js"></script>
    <link rel="stylesheet" href="../css/font_u4e2eeue2z/iconfont.css" />
    <link rel="stylesheet" href="../css/01-index.css" />
    <link rel="stylesheet" href="../css/03-item.css" />
  </head>
  <body>
    <!-- 全局顶条开始 -->
    <div class="topbar">
      <div class="topbar-box">
        <!-- 下拉菜单开始 -->
        <div class="topbar-xiala">
          <p>
            <a href="javascript:;"
              ><span>周边商城</span><i class="iconfont icon-sanjiaodown"></i
            ></a>
          </p>
          <ul class="topbar-drop topbar-ul">
            <li><a href="#">梦幻西游</a></li>
            <li><a href="#">梦幻西游手游</a></li>
            <li><a href="#">阴阳师</a></li>
            <li><a href="#">第五人格</a></li>
            <li><a href="01-index.html">大话西游2</a></li>
            <li><a href="#">大话西游手游</a></li>
            <li><a href="#">天下3</a></li>
            <li><a href="#">新倩女幽魂</a></li>
            <li><a href="#">率土之滨</a></li>
            <li><a href="#">永远的7日之都</a></li>
            <li><a href="#">神都夜行录</a></li>
            <li><a href="#">泰亚史诗</a></li>
            <li><a href="#">一梦江湖</a></li>
            <li><a href="#">天谕</a></li>
            <li><a href="#">荒野行动</a></li>
            <li><a href="#">其他游戏</a></li>
          </ul>
        </div>
        <!-- 下拉菜单结束 -->
        <!-- 登录-注册按钮 -->
        <div class="topbar-zhuce">
          <a href="javascript:;" class="topbar-zhuce-login">登录</a>
          <a href="javascript:;" class="topbar-zhuce-reg">注册</a>
        </div>
        <!-- 右侧列表 -->
        <div class="topbar-lister">
          <a href="#" style="color: #fc5600">我的订单</a>
          <a href="#" class="topbar-lister-a1"
            >我的商城 <i class="iconfont icon-sanjiaodown"></i
          ></a>
          <a href="#">积分商城</a>
          <a href="#">天猫旗舰店</a>
          <a href="#">客户服务</a>
          <a href="#" style="color: #fc5600"
            >更多 <i class="iconfont icon-youshuangjiantou"></i
          ></a>

          <ul class="topbar-ul topbar-geren" style="height: 250px">
            <li><a href="#">个人中心</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的评论</a></li>
            <li><a href="#">我的退换货</a></li>
            <li><a href="#">我的优惠券</a></li>
            <li><a href="#">我的积分</a></li>
            <li><a href="#">我的预约</a></li>
            <li><a href="#">我的信息</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 全局顶条结束 -->

    <!-- 页眉开始 -->
    <div class="header">
      <div class="header-ipt">
        <input type="text" name="" id="" placeholder="搜索宝贝" />
        <a href="#"><i class="iconfont icon-fangdajing"></i></a>
      </div>
      <div class="logo">
        <a href="#">
          <img src="../images/logo-xy2.png" alt="" />
        </a>
      </div>
      <div class="cart">
        <a href="04-cart.html">
          <i class="iconfont icon-gouwuchekong" style="color: #fc5600"></i>
          &nbsp;购物车&nbsp;(
          <span>0</span>件&nbsp;)
        </a>
      </div>
    </div>
    <!-- 页眉结束 -->

    <!-- 导航开始 -->

    <div class="nav">
      <div class="nav-center">
        <ul>
          <li class="catemap-block"><a href="#">全部分类</a></li>
          <li><a href="javascript:;" class="nav-center-shouye">首页</a></li>
          <li><a href="#" class="nav-center-tiaozhuan">服装配饰</a></li>
          <li><a href="#">家具用品</a></li>
          <li><a href="#">珠宝首饰</a></li>
          <li><a href="#">户外出行</a></li>
          <li><a href="#">数码外设</a></li>
          <li><a href="#">玩具礼品</a></li>
        </ul>
      </div>
      <div class="catemap" id="j_catemap">
        <div class="catemap-hot"></div>
        <div class="catemap-list">
          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=6"
                class="c_Highlight"
                >服装配饰</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=93"
                  >男装</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=94"
                  >女装</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=95"
                  >童装</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=96"
                  >内衣配饰</a
                >
              </li>
            </ul>
          </div>

          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=13"
                class="c_Highlight"
                >家居用品</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=27"
                  >家居类</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=43"
                  >毛绒抱枕</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=46"
                  >碗/杯类</a
                >
              </li>
            </ul>
          </div>

          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=19"
                class="c_Highlight"
                >珠宝首饰</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=104"
                  >珠宝首饰</a
                >
              </li>
            </ul>
          </div>

          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=57"
                class="c_Highlight"
                >户外出行</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=63"
                  >箱包</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=62"
                  >伞类</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=97"
                  >其他</a
                >
              </li>
            </ul>
          </div>

          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=65"
                class="c_Highlight"
                >数码外设</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=98"
                  >电脑相关</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=99"
                  >手机周边</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=100"
                  >影音娱乐</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=101"
                  >其他</a
                >
              </li>
            </ul>
          </div>

          <div class="catemap-cate">
            <h4>
              <a
                href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=&product_form_id=10"
                class="c_Highlight"
                >玩具礼品</a
              >
            </h4>
            <ul>
              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=30"
                  >礼品</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=102"
                  >手办</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=103"
                  >其他</a
                >
              </li>

              <li>
                <a
                  href="/script/buyer/product_list?game_type_id=5&list_type=1&sort_type=0&sub_form_id=105"
                  >其他/将军</a
                >
              </li>
            </ul>
          </div>
        </div>
        <div class="catemap-hot"></div>
      </div>
    </div>

    <!-- 导航结束 -->

    <!-- 主体内容开始 -->
    <div class="detail-header">
      <!-- 左边三个小图 -->
      <div class="detail-thum" id="product_pix">
        <ul class="detail-thum-ul">
          <!-- <li>
            <img src="" width="105" />
          </li> -->
        </ul>
      </div>
      <!-- 中间的大图 -->
      <div class="detail-pic">
        <!-- <img
          src=""
          width="450"
        /> -->
      </div>
      <!-- 右边的加入购物车 -->
      <div class="detail-summary">
        <!-- <h2>大话西游2长袖T恤-忠义浪淘沙</h2>
        <p class="desc"></p>
        <div class="price l_Clearfix" id="price_tb">
          <strong class="c_Highlight">¥79</strong>
        </div>
        <div id="on_sale">
          <ul class="discount c_Highlight">
            <li>订单实付满 99 元免运费</li>
          </ul>
          <ul class="sold" style="">
            <li>
              评论数&nbsp;&nbsp;<span class="c_Highlight" id="month_sale_amount"
                >14</span
              >
            </li>
            <li>累计销量&nbsp;&nbsp;<span class="c_Highlight" id="total_sale_amount"></span></li>
            <li>
              送积分&nbsp;&nbsp;<span class="c_Highlight" id="bonus">79</span>
            </li>
          </ul>
          <div id="prop_section">
            <div class="filter l_Clearfix" id="prop_1">
              <h3>尺码</h3>
              <ul>
                <li class="on">
                  <span>M</span>
                </li>

                <li class="">
                  <span>L</span>
                </li>

                <li class="">
                  <span>XL</span>
                </li>

                <li class="disable" out_of_store="true">
                  <span>XXL</span>
                </li>
              </ul>
            </div>
            <div class="number l_Clearfix">
              <h3>数量</h3>
              <div id="buy_amount">
                <span class="number-jian">-</span
                ><input type="text" value="1" min="1" /><span class="number-jia">+</span>
              </div>
            </div>
            <div class="btns l_Clearfix">
              <a href="javascript:;" class="i_Btn i_Btn_big" id="buy"
                >加入购物车</a
              >
            </div>
          </div>
        </div>
      </div> -->
      </div>
    </div>
    <!-- 主体内容结束 -->

    <!-- 弹出层开始 -->
    <div class="popup">
      <div class="popup-title">
        <p>登录</p>
        <a href="javascript:;">×</a>
      </div>
      <div class="popup-cont">
        <input type="text" name="" id="" placeholder="用户名" />
        <input type="password" placeholder="密码" />
        <button class="popupBtn">登录</button>
      </div>
    </div>
    <!-- 弹出层结束 -->
  </body>
</html>
